<template>
	<view class="contain">
		<view class="fixed">
			<cu-custom :isBack="false" :color="color" bgColor="bg-shadeTop" @goBack="goBack">
				<block slot="content">
					<!--<view class="content">关于App</view>-->
					<view class="content">{{lang.public.abouttheAPP}}</view>
				</block>
			</cu-custom>
		</view>
		<view class="main_swiper">
				<jyf-parser :html="content"></jyf-parser>
		</view>
	
	</view>
</template>

<script>
	import {mapState, mapMutations} from "vuex";
	import jyfParser from "@/components/jyf-parser/jyf-parser.vue"
	export default {
		components:{
			jyfParser
		},
		data(){
			return{
				color: '#333',
				content:''
			}
		},
		computed: {
			...mapState(["lang"])
		},
		onLoad() {
			this.loadData();
		},
		methods:{
			goBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			 async loadData(){
				 const data={
					 id:'3'
				 };
				 const res=await this.$u.get('authc/api/user/agreement', data);
				 if (res.code == 0) {
				 	this.content=res.data;
				 }
				 console.log(res)
			}
		}
	}
</script>

<style scoped lang="scss">
	.main_swiper{
		padding: 20upx;
	}
	.contain {
		width: 100%;
		background: #F1F1F1;
		display: flex;
		flex-direction: column;
		.fixed {
			width: 100%;
			.content {
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}
</style>
